@import "./modules/_all";

.zp-header{
  @extend %zp-head;  
}

.shipin-gally{
  padding-left:30px;
  @include mobile {
    padding-left:0px;
  }
  .shipin-item{
    border-bottom:1px dotted #000;
    margin-top:30px;
    .title{
      font-size:22px;
      color:#333;
      font-family: STFangsong;
    }
    .date{
      font-size:12px;
      color:#999;
      font-family: STFangsong;
      margin-bottom:20px;
      margin-top:10px;
    }

    .desc{
      position: relative;

      .video-thumb{
        position:relative;
        width: 350px;
        float: left;
        cursor: pointer;
        @include mobile {
          width:100%;
        }

        img{
          width: 100%;
        }
        .play-icon{
          position: absolute;
          top: 50%;
          left: 50%;
          display: inline-block;
          width: 70px;
          height: 70px;
          margin-left: -35px;
          margin-top: -35px;
          opacity: 0;
          transition: all .5s;
          background: url(../images/video-play.png) no-repeat;
        }
        &:hover{
          .play-icon{
            opacity: 100;
          }
        }
      }

      .text-outer{
        width:550px;
        padding-left:30px;
        float:left;

        @include mobile {
          width:100%;
          padding-left:0px;
        }

        .intro{
          font-size:16px;
          color:#bd4b3e;
        }
        p{
          font-size:14px;
          font-family: STFangsong;
          line-height: 1.6em;
          text-indent: 2em;
        }
      }
    }
    .play-video{
      text-align: right;
      margin-bottom: 6px;
      a{
        display: inline-block;
        background:#000;
        color:#fff;
        line-height: 2em;
        padding:0 12px;
        text-decoration: none;
      }
    }
  }
}

.page-nav{
  text-align: right;
  margin-top:26px;
  ul{
    li{
      display: inline-block;
      margin:0 4px;
      a{
        text-decoration: none;
        color:#000;
        &.active{
          color:#bd4b3e;
        }
      }
    }
  }
}